<template>
	<view>
		<camera :device-position="device" :flash="flash" @error="error" :style="{ width: '100%',position: 'relative', height: getHeight + 'px' }">
			<cover-view class="textInfo">
				<cover-view class="textInfoTile">{{photoData.JobName}}</cover-view>
				<cover-view class="topItem">拍摄时间：{{nowTime}}</cover-view>
				<cover-view class="topItem">拍摄人：{{photoData.UserName}}</cover-view>
				<cover-view class="topItem">地点：{{address}}</cover-view>
			</cover-view>

			<cover-image @click="xzBtn" class="xzImg" :src="Images.xz"></cover-image>
			<cover-image @click="sgdBtn" class="sgdImg" :src="sgdUrl"></cover-image>

			<cover-view class="cameraBtn" @click="takePhoto">
				<cover-view class="cameraBtn2"></cover-view>
			</cover-view>


			<cover-view class="bottomBtn">
				<cover-view @click="history" class="btn"></cover-view>
				<cover-view class="btn" @click="goBack">取消</cover-view>
			</cover-view>

			<cover-view class="bottomBg">
				<cover-view>
					<cover-view @click="ViewImage(index)" class="imgBox" v-for="(item,index) in imgList" :key="index">
						<cover-image class="imgItem" :src="item.src" mode="aspectFill"></cover-image>
						<cover-view class="cu-tag" @tap.stop="DelImg" :data-index="index">
							<cover-image class="iconClose" :src="Images.icon_close" mode="aspectFill"></cover-image>
						</cover-view>
					</cover-view>
				</cover-view>
				<cover-view class="report1">
					{{count}} 秒
				</cover-view>
				<cover-view @click="reportBtn" class="report">上报（{{imgList.length}}）</cover-view>
			</cover-view>



			<cover-view v-if="rreportShow" class="reportBox animation-slide-bottom">
				<cover-view class="text-lg margin-left-sm margin-bottom-sm" style="height:78rpx;line-height: 78rpx;">请选择照片备注内容</cover-view>


				<cover-view class="listBox" v-for="(res, index) in SettingList" :key="res.Id">
					<!--item active 选中状态-->
					<cover-view class="item">res.Content</cover-view>
					<cover-view class="item">其他</cover-view>
				</cover-view>

				<cover-view @click="endBtn" class="repBtn">上报异常</cover-view>

			</cover-view>

		</camera>
		
		<view style="position: absolute;top: -999999px;">
			<view><canvas :style="{ width: w, height: h }" canvas-id="firstCanvas"></canvas></view>
		</view>

	</view>
</template>

<script>
	import request from '@/common/request.js';
	import QQMapWX from "@/common/qqmap-wx-jssdk";
	import time from '@/common/time.js';
	export default {
		data() {
			return {
				customerName:'',
				qiNiuToken:'',
				updateImages:{
					signId:0,
					imageUrl:''
				},
				SettingList:[
					{
						Id:1,
						Content:'需要维修'
					},{
						Id:2,
						Content:'设备损坏'
					}
				],
				photoData:{
					QrcodeId:'',
					QrcodeName:'',
					JobName:'',
					UserName:'',
					Phone:''
				},
				getHeight: '200',
				device: 'back', //前置或后置摄像头，值为front, back
				flash: 'off', //闪光灯，值为auto, on, off
				nowTime: '', //日期
				nowTime2: '', //时间
				nowWeek:'', //周几
				address: '',	//当前地址信息
				sgdUrl: this.$request22.baseUrl1+'/Resource/sg/photo/sgd.png',
				imgList: [
					// {
					// 	src: "https://cdn.zhoukaiwen.com/angular.jpg"
					// }
				],
				imgListData: '',

				rreportShow: false, //选择照片备注内容弹窗
				
				src:'',
				w:'',
				h:'',
				weather: '32',
				count:20,
				Images:{
					sgd_on:this.$request22.baseUrl1+'/Resource/sg/photo/sgd_on.png',
					icon_close:this.$request22.baseUrl1+'/Resource/sg/photo/icon_close.png',
					xz:this.$request22.baseUrl1+'/Resource/sg/photo/xz.png'
				},
				times:null,
			    jingweidu:''
			}
		},
		onShow() {
		},
		onLoad(option) {
			const that = this;
			that.getCustomerName()
			that.getQiNiuToken()
			that.countDown();
			that.photoData.QrcodeId=option.qrcodeid
			that.photoData.QrcodeName=option.qrcodename
			that.updateImages.signId=option.signid
			that.getSettings();
			var qqmapsdk;
			uni.getSystemInfo({
				success: function(res) {
					that.getHeight = res.windowHeight;
					
					that.w=res.windowWidth;
					that.h=res.windowHeight;
				}
			});
			
			


			this.getTime();

			uni.getLocation({
				type: 'gcj02',
				isHighAccuracy:true,
				success: function(res) {
					console.log('当前位置的经度：' + res.longitude);
					console.log('当前位置的纬度：' + res.latitude);
					
					that.jingweidu= res.longitude+','+res.latitude

					qqmapsdk = new QQMapWX({
						key: "XNEBZ-NVULW-O5QRJ-Y4NVA-RADE3-BEFA7" //自己申请的key
					});
					qqmapsdk.reverseGeocoder({
						location: {
							latitude: res.latitude,
							longitude: res.longitude
						},
						success(addressRes) {
							console.log(addressRes)
							that.address = addressRes.result.address;
						},
						fail(res) {}
					});
				}
			});

		},
		methods: {
			getCustomerName(){
				let that=this
				let opts = {
					url: 'api/getCustomerName',
					method: 'get'
				};
				request.httpTokenRequest(opts).then(res => {
					if(res.data.code == 1){
						that.customerName=res.data.msg
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				})	
			},
			//倒计时
			countDown() {
				let that=this
				//获取job缓存信息，设置倒计时时长
				uni.getStorage({
					key: 'JobId',
					success: function (res) {
						that.count=res.data.imageSeconds;
						
						that.times = setInterval(() => {
							that.count--; //递减
							if (that.count <= 0) {
								clearInterval(that.times);
								
								//发送请求删除签到记录，并且关闭当前页面
								let opts = {
									url: 'api/RemoveSignData',
									method: 'post'
								};
								let RemoveSignData={
									signId:that.updateImages.signId
								}
								request.httpTokenRequest(opts,RemoveSignData).then(res => {
									
									uni.getStorage({
										key: 'PageCur',
										success: function (res1) {
											setTimeout(() => {
												 uni.reLaunch({
													url: '/pages/index/tabbar?PageCur='+res1.data
												 });
											}, 0)
										},fail() {
											uni.reLaunch({
												url: '/pages/index/tabbar?PageCur=search'
											});
										}
									});
								});
								
							}
						}, 1000); //1000毫秒后执行
					}
				});
				
			},
			getQQMapLocation(){
				qqmapsdk = new QQMapWX({
					key: "XNEBZ-NVULW-O5QRJ-Y4NVA-RADE3-BEFA7" //自己申请的key
				});
				qqmapsdk.reverseGeocoder({
					location: {
						latitude: res.latitude,
						longitude: res.longitude
					},
					success(addressRes) {
						console.log(addressRes)
						that.address = addressRes.result.address;
					},
					fail(res) {}
				});
			},
			getSettings(){
				const that = this;
				uni.getStorage({
					key: 'userdata',
					success: function (res1) {
						//console.log(res1)
						that.photoData.UserName=res1.data.RealName;
					}
				});
				uni.getStorage({
					key: 'JobId',
					success: function (res) {
						that.photoData.JobName=res.data.jobname;
					}
				});
				//请求后台 start
				let opts = {
					url: 'api/GetSettings?type=1',
					method: 'get'
				};
				
				request.httpTokenRequest(opts).then(res => {
					if(res.data.code == 1){
						that.SettingList=res.data.data;
					}
					else{
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			// 上报：最终上报
			endBtn(){
				this.rreportShow = false;
				this.imgList = [];
				
			},
			// 上报：选择类型
			reportBtn() {
				uni.showLoading({
					title: '上报中'
				})
				let that=this
				var str = that.imgListData;
				var newImgData = that.imgListData.substr(0, that.imgListData.length - 1);
				//console.log(newImgData)
				that.uploadImageToQiNiu(newImgData);
			},
			getGUID() {
			  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
			    var r = Math.random() * 16 | 0,
			        v = c === 'x' ? r : (r & 0x3 | 0x8);
			    return v.toString(16);
			  });
			},
			//获取七牛云token
			getQiNiuToken() {
				let that=this
				let opts = {
					url: 'api/GetQiNiuToken',
					method: 'get'
				};
				request.httpTokenRequest(opts).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						that.qiNiuToken= res.data.msg
					}
					else{
						uni.showToast({ title: '云文件存储异常，请联系客服', icon: 'none' });
					}
				});
			},
			uploadImageToQiNiu(filePath){
				let that=this
				let qiNiuformData= {
					key:'',
					token: that.qiNiuToken
				}
				let uuid = that.getGUID()
				let timeFolder=time.getNowDateTimeFolder()
				let baseFilePath='qiniu/'+that.customerName+'/'+timeFolder+'/';
				let filePathName=baseFilePath+'WaterMarkeImages'+'/'+uuid+'.png'
				qiNiuformData.key = filePathName
				uni.uploadFile({
					url: 'https://up-z0.qiniup.com',
					filePath: filePath,
					name: 'file',
					formData:qiNiuformData,
					success: (uploadFileRes) => {
						let resultData=JSON.parse(uploadFileRes.data)
						if(uploadFileRes.statusCode==200){
							var path111= resultData.key
							that.updateImages.imageUrl=path111
							//去更新把1
							let opts = {
								url:'api/SavingQrcodeImage',
								method: 'post'
							};
							request.httpTokenRequest(opts,that.updateImages).then(reslast => {
								if(reslast.data.code == 1){
									uni.hideLoading();
									let Qrcode_Topic_Back_Refresh={
										SignId:that.updateImages.signId
									}
									uni.setStorageSync('Qrcode_Topic_Back_Refresh', Qrcode_Topic_Back_Refresh); // 设置标记
									uni.navigateBack({
										delta: 1 //返回层数，2则上上页
									});
									// uni.reLaunch({
									// 	url: '/pages/index/tabbar?PageCur=qrcode'
									// });
								}
								else{
									uni.hideLoading();
									uni.showToast({ title: reslast.data.msg, icon: 'none' });
								}
							})
						}else{
							uni.showToast({ title:'图片上传失败32', icon: 'none' });
						}
						uni.hideLoading();
					},fail() {
						uni.hideLoading();
						uni.showToast({ title:'图片上传失败12', icon: 'none' });
					}
				});
			},
			xzBtn() {
				if (this.device == 'front') {
					this.device = 'back'
				} else {
					this.device = 'front'
				}
			},
			sgdBtn() {
				if (this.flash == 'off') {
					this.flash = 'on'
					//this.sgdUrl = 'https://cdn.zhoukaiwen.com/sgd_on.png'
					this.sgdUrl = this.Images.sgd_on
				} else {
					this.flash = 'off'
					this.sgdUrl = this.sgdUrl
				}
			},
			DelImg(e) {
				let that=this
				uni.showModal({
					// title: '异常照片',
					content: '确定要删除这张照片吗？',
					cancelText: '取消',
					confirmText: '确认',
					success: res => {
						if (res.confirm) {
							//console.log(e)
							that.imgList.splice(e.currentTarget.dataset.index, 1)
							//console.log(this.imgList)

							var arr = that.imgList;
							var str = '';
							for (var i = 0; i < arr.length; i++) {
								str += arr[i].src + ",";
							}
							that.imgListData = str;
						}
					}
				})
			},
			// 查看照片
			ViewImage(index) {
				const imgList = [this.imgList[index].src];
				//console.log(imgList)
				uni.previewImage({
					urls: imgList
				});
			},
			// 点击拍照
			takePhoto() {
				var that = this;
				if (this.imgList.length < 1) {
					const ctx = uni.createCameraContext();
					ctx.takePhoto({
						quality: 'low',
						success: (res) => {
							var tempImagePath = res.tempImagePath;
							// 获取图片信息
							uni.showLoading({
								title: '上传图片中'
							})
							uni.getImageInfo({
								src: res.tempImagePath,
								success: ress => {
									const imageWidth=ress.width
									// 获取图片大小
									let quality=0.3
									let beishu=3
									const maxSize1 = 700;  // 3MB
									const maxSize2 = 1200;  // 6MB
									if (imageWidth > maxSize2) {
									    quality = 0.1;  // 大于 6MB
										beishu=4
									} else if (imageWidth > maxSize1) {
									    quality = 3;   // 大于 3MB 且小于等于 6MB
										beishu==5
									} else {
									    quality = 2;   // 小于等于 3MB
										beishu=3
									}
									that.w = ress.width / beishu + 'px';
									that.h = ress.height / beishu + 'px';
									let ctx = uni.createCanvasContext('firstCanvas',this); /** 创建画布 */
									// 根据图片缩放后的宽度计算水印相关的比例
									const scaledWidth = that.w;
									const baseWidth = 640; // 基准宽度，可根据实际情况调整
									const scaleRatio = scaledWidth / baseWidth;
										
									// 计算水印框的宽度，并设置最大和最小宽度
									let w = scaledWidth * 0.5;
									const minWidth = 200; 
									const maxWidth = 400; 
									w = Math.min(Math.max(w, minWidth), maxWidth);
										
									// 根据比例调整水印框的高度
									let h = 130 * scaleRatio;
										
									// 水印框放到左上角
									let x = 10 * scaleRatio;
									let y = 10 * scaleRatio;
									// 圆角半径
									let r = 10 * scaleRatio;
									//将图片src放到cancas内，宽高为图片大小
									that.$nextTick(function(){
										ctx.drawImage(res.tempImagePath, 0, 0, ress.width / 3, ress.height / 3);	
									})
									that.$nextTick(function () {
									   ctx.beginPath();
									   ctx.setFillStyle('transparent');
									   ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5);
									   	
									   // border-top
									   ctx.moveTo(x + r, y);
									   ctx.lineTo(x + w - r, y);
									   ctx.lineTo(x + w, y + r);
									   // 右上角
									   ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2);
									   	
									   // border-right
									   ctx.lineTo(x + w, y + h - r);
									   ctx.lineTo(x + w - r, y + h);
									   // 右下角
									   ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5);
									   	
									   // border-bottom
									   ctx.lineTo(x + r, y + h);
									   ctx.lineTo(x, y + h - r);
									   // 左下角
									   ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI);
									   	
									   // border-left
									   ctx.lineTo(x, y + r);
									   ctx.lineTo(x + r, y);
									   	
									   // 填充水印区域
									   ctx.fill();
									   ctx.closePath();
									   ctx.clip();
									   ctx.setFillStyle('rgba(255, 255, 255, 0.3)');
									   ctx.fillRect(x, y, w, h);
									   	
									   // 从第一段代码获取固定值
									   let time = that.nowTime2;
									   let date =that.nowTime;
									   let week = that.nowWeek;
									   let address = that.address || "位置未授权";
									   let jingweidu = that.jingweidu || "位置未授权";
									   let username = '人员：'+that.photoData.UserName;
									   let jobname ='数据类型：'+that.photoData.JobName;
									   	
									   let fillheight = 0;
									   // 根据比例调整字体大小
									   ctx.setFontSize(26 * scaleRatio); 
									   ctx.setFillStyle('#FFFFFF'); 
									   ctx.fillText(time, x + 20 * scaleRatio, y + 42 * scaleRatio + fillheight);
									   	
									   let timeW = ctx.measureText(time).width;
									   ctx.setFillStyle('#FFFF00'); 
									   ctx.fillRect(x + 30 * scaleRatio + timeW, y + 20 * scaleRatio + fillheight, 4 * scaleRatio, 24 * scaleRatio);
									   	
									   ctx.setFontSize(12 * scaleRatio); 
									   ctx.setFillStyle('#FFFFFF'); 
									   ctx.fillText(date, x + 30 * scaleRatio + timeW + 16 * scaleRatio, y + 32 * scaleRatio + fillheight);
									   	
									   ctx.setFontSize(12 * scaleRatio); 
									   ctx.setFillStyle('#FFFFFF'); 
									   ctx.fillText(week, x + 30 * scaleRatio + timeW + 16 * scaleRatio, y + 44 * scaleRatio + fillheight);
									   	
									   ctx.setFontSize(12 * scaleRatio); 
									   ctx.fillText(address, x + 20 * scaleRatio, y + 60 * scaleRatio + fillheight);
									   	
									   ctx.setFontSize(12 * scaleRatio); 
									   ctx.fillText(jingweidu, x + 20 * scaleRatio, y + 78 * scaleRatio + fillheight);
									   	
									   ctx.setFontSize(12 * scaleRatio); 
									   ctx.fillText("人员：" + username, x + 20 * scaleRatio, y + 94 * scaleRatio + fillheight);
									   	
									   ctx.setFontSize(12 * scaleRatio); 
									   ctx.fillText("数据类型：" + jobname, x + 20 * scaleRatio, y + 112 * scaleRatio + fillheight);
									});
									// that.$nextTick(function(){
									// 	//ctx.drawImage(res.tempImagePath, 0, 0, that.w, that.h);
									// 	ctx.setFontSize(10);
									// 	ctx.setFillStyle('#FFFFFF');
									// 	// ctx.rotate(30 * Math.PI / 180);
									// 	let textToWidth = (ress.width / 3) * 0.03;
																	
									// 	let textToHeight4 = (ress.height / 3) * 0.86;
									// 	ctx.fillText(that.photoData.UserName, textToWidth, textToHeight4);
										
									// 	let textToHeight = (ress.height / 3) * 0.9;
									// 	ctx.fillText(that.photoData.JobName, textToWidth, textToHeight);
																	
									// 	ctx.setFontSize(10);
									// 	let textToHeight2 = (ress.height / 3) * 0.94;
									// 	ctx.fillText(that.nowTime + ' ' + that.nowTime2, textToWidth, textToHeight2);
																	
									// 	let textToHeight3 = (ress.height / 3) * 0.98;
									// 	ctx.fillText(that.address, textToWidth, textToHeight3);
									// })
									
									that.$nextTick(function(){
										uni.showLoading({
											title: '解析中...'
										})
										ctx.draw(false, () => {
											setTimeout(() => {
												uni.canvasToTempFilePath({
													canvasId: 'firstCanvas',
													success: res1 => {
														tempImagePath = res1.tempFilePath;
														//console.log('----------',tempImagePath);
														this.imgList.push({
															src: tempImagePath
														})
														//console.log(this.imgList);
														
														var arr = this.imgList
														var str = '';
														for (var i = 0; i < arr.length; i++) {
															str += arr[i].src + ",";
														}
														this.imgListData = str;
														//console.log(this.imgListData)
													}
												});
											}, 500);
										});
										uni.hideLoading();
									})
									
									uni.hideLoading();
								}
							});
						}
					});
					uni.hideLoading();
				} else {
					uni.hideLoading();
					uni.showToast({
						title: '最多上传1张照片',
						duration: 3000,
						icon: 'none'
					});
				}

			},
			error(e) {
				//console.log(e.detail);
			},
			getTime: function() {
				 var date = new Date();
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var day = date.getDate();
				var hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
				var minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
				var second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
			
				month = month >= 1 && month <= 9 ? "0" + month : month;
				day = day >= 0 && day <= 9 ? "0" + day : day;
			
				var timer = year + '年' + month + '月' + day + '日';
				var timer2 = hour + ':' + minute;
			
				// 获取周几
				var weekArray = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
				var week = weekArray[date.getDay()];
			
				this.nowTime = timer;
				this.nowTime2 = timer2;
				this.nowWeek = week; // 假设在 data 中定义了 nowWeek 来存储周几信息
			
				console.log(this.nowTime);
				console.log(this.nowTime2);
				console.log(this.nowWeek);
		},
			goBack() {
				uni.navigateBack({
					delta: 1
				});
			},
			history() {
				uni.navigateTo({
					url: 'timeline'
				})
			}
		}
	}
</script>

<style lang="scss">
	// 水印
	.textInfo {
		position: absolute;
		top: 50rpx;
		left: 20rpx;
		width: 350rpx;
		box-sizing: border-box;
		color: #EEEEEE;
		font-size: 16rpx;
		background-color: #393631;
		opacity: .8;
		border-radius: 10rpx;
		overflow: hidden;

		.textInfoTile {
			height: 30rpx;
			text-align: center;
			line-height: 30rpx;
			background-color: #394668;
			margin-bottom: 15rpx;
		}

		.topItem {
			padding-left: 30rpx;
			width: 100%;
			white-space: pre-wrap;
			margin-bottom: 15rpx;
		}
	}
	.topBox {
		width: 750rpx;
		box-sizing: border-box;
		padding: 30rpx;
		color: #EEEEEE;
		font-size: 34rpx;

		.topItem {
			width: 100%;
			white-space: pre-wrap;
			margin-bottom: 15rpx;
		}
	}

	.cameraBtn {
		width: 120rpx;
		height: 120rpx;
		line-height: 120rpx;
		border: 6rpx #FFFFFF solid;
		border-radius: 50%;
		padding: 8rpx;
		position: absolute;
		left: calc(50% - 60rpx);
		bottom: 210rpx;
	}

	.cameraBtn2 {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: #FFFFFF;
		text-align: center;
		color: #007AFF;
	}

	.xzImg {
		width: 52rpx;
		height: auto;
		position: absolute;
		right: 44rpx;
		bottom: 580rpx;
	}

	.sgdImg {
		width: 40rpx;
		height: auto;
		position: absolute;
		right: 50rpx;
		bottom: 450rpx;
	}

	.bottomBtn {
		width: 100%;
		height: 150rpx;
		padding-bottom: 15rpx;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		display: flex;
		justify-content: space-between;

		.btn {
			width: 30%;
			height: 150rpx;
			font-size: 34rpx;
			color: #FFFFFF;
			line-height: 150rpx;
		}
	}

	.bottomBg {
		width: 100%;
		height: 170rpx;
		box-sizing: border-box;
		padding: 20rpx 30rpx 40rpx;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .8);
		display: flex;
		justify-content: space-between;
		align-items: center;

		.imgBox {
			width: 110rpx;
			height: 110rpx;
			float: left;
			margin-right: 40rpx;
			position: relative;

			.cu-tag {
				position: absolute;
				right: 0;
				top: 0;
				border-bottom-left-radius: 2px;
				padding: 3px 5px;
				height: auto;
				background-color: rgba(0, 0, 0, 0.5);
				font-size: 10px;
				vertical-align: middle;
				font-family: Helvetica Neue, Helvetica, sans-serif;
				white-space: nowrap;
				color: #ffffff;
			}
		}

		.imgItem {
			width: 110rpx;
			height: 110rpx;
		}
	}

	.report {
		height: 68rpx;
		line-height: 68rpx;
		text-align: center;
		color: #FFFFFF;
		box-sizing: border-box;
		padding: 0rpx 20rpx;
		border-radius: 10rpx;
		background-color: #2157FF;
	}

	.iconClose {
		width: 20rpx;
		height: 20rpx;
	}

	.reportBox {
		width: 750rpx;
		height: auto;
		box-sizing: border-box;
		padding: 10rpx 20rpx;
		background-color: #FFFFFF;
		position: absolute;
		bottom: 0;
	}

	.listBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;

	}

	.item {
		width: 160rpx;
		height: 68rpx;
		line-height: 68rpx;
		text-align: center;
		background: #F7F7F9;
		margin-bottom: 40rpx;
		color: #888888;

	}

	.active {
		background-color: #F1F7FF;
		color: #025ADD;
	}

	.repBtn {
		width: 680rpx;
		height: 78rpx;
		line-height: 78rpx;
		background-color: #025ADD;
		color: #FFFFFF;
		font-size: 33rpx;
		text-align: center;
		border-radius: 10rpx;
		margin: 5rpx auto 20rpx;
	}
</style>
